<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>全民义务植树网</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/form.css">
    <script src="./dist-js/jquery-1.10.2.js"></script>
    <script src="./dist-js/jquery.min.js"></script>
    <script src="./dist-js/common.js"></script>
    <script src="./dist-js/Popt.js"></script>
    <script src="./dist-js/cityJson.js"></script>
    <script src="./dist-js/citySet.js"></script>
</head>
<body>
<div class="top mb-com">
    <img src="./images/z-logo.png" alt="" class="logo">
    <a href="#">返回</a>
</div>
<div class="main">
     <div class="main-top">
         全民义务植树网是由全国绿化委员会、国家林业和草原局与中国绿化基金会共同建设义务植树网络化平台，探索创新义务植树机制，丰富尽责形式，提高尽责率，同时也是用创新思维和开拓精神，响应和践行《国务院关于积极推进“互联网+”行动的指导意见》和《林业“十三五”规划》的相关要求。
     </div>
    <div class="main-inner">
        <h3 class="title">
            <img src="./images/logo.png" alt="">
            在线捐款
        </h3>
        <p class="title-txt mb-com">填写如下信息实体参与义务植树，<span class="act">*</span> 为必填项。</p>
        <div class="icon-tips-must mb-com">
            <img src="./images/icon-must.png" alt="">
            必填内容
        </div>
        <form id="form">
            <div class="ipt-box mb-com">
                <span style="color: rgba(40,67,58,0.8);" class="top-title"><i class="act">*</i>选择项目</span>
                <div class="ipt disable">
                    我在主席家乡养棵树
                    <span></span>
                </div>
                <input type="text" class="ipt" hidden>
            </div>
            <div class="ipt-box mb-com">
                <span style="color: rgba(40,67,58,0.8);" class="top-title"><i class="act">*</i>户籍或暂住(一年以上)地区</span>
                <div id="city" class="ipt">
                    请选择省份
                    <span></span>
                </div>
                <input type="text" class="ipt" hidden>
            </div>
            <div class="ipt-box mb-com1 act">
                <span style="color: rgba(40,67,58,0.8);" class="top-title"><i class="act">*</i>人员类型</span>
                <div class="ipt act">
                    请选择人员类型
                    <span></span>
                </div>
                <input type="text" name="gongm" hidden id="box-ipt" placeholder="请选择人员类型">
                <div id="box1" class="box">
                    <div class="item">中国适龄公民</div>
                    <div class="item">中国非适龄公民</div>
                    <div class="item">外籍</div>
                    <div class="item">单位团体</div>
                    <div class="item">港澳台</div>
                </div>
            </div>
            <!--<div class="ipt-box mb-com">
                <span style="color: rgba(40,67,58,0.8);" class="top-title">单位名称</span>
                <input type="text" class="ipt" name="company" placeholder="请填写单位名称" style="border-color: rgb(202, 219, 224);">
            </div>-->
            <div class="tips mb-com">
                <span>提示：</span>中国适龄公民（男11岁至60岁，女11岁至55岁）
            </div>
            <div class="fg mb-com"></div>

            <div id="nameDat" style="display:none;">
                <div class="ipt-box mb-com act">
                    <span style="color: rgba(40,67,58,0.8);" class="top-title"><i class="act">*</i>真实姓名</span>
                    <input type="text" class="ipt" name="user" placeholder="请填写您的真实姓名" style="border-color: rgb(202, 219, 224);">
                </div>
                <div class="tips mb-com">
                    <span>提示：</span>您所填写的个人/企业名称，将作为您所获证书的抬头。
                </div>
                <div class="fg mb-com"></div>
            </div>

            <div class="ipt-box mb-com act">
                <span style="color: rgba(40,67,58,0.8);" class="top-title"><i class="act">*</i>身份证号后四位 </span>
                <input type="text" class="ipt" name="sfz" placeholder="请输入证件号码后四位" style="border-color: rgb(202, 219, 224);">
            </div>
            <div class="tips mb-com">
                <span>提示：</span>请填写身份证号后四位，外籍人士请填写护照编号后四位，单位团体请填写组织机构代码证后四位，以便生成证书编号。
            </div>
            <div class="fg mb-com"></div>


            <div class="icon-tips-must mb-com" style="color:#959595;">
                <img src="./images/icon-choice.png" alt="">
                选填内容
            </div>
            <!--<div class="ipt-box mb-com">
                <span style="color: rgba(40,67,58,0.8);" class="top-title">打榜类别</span>
                <input type="text" class="ipt" name="invoice" placeholder="请选择打榜类别" style="border-color: rgb(202, 219, 224);">
            </div>-->


            <div class="ipt-box mb-com bd-sel">
                <span style="color: rgba(40,67,58,0.8);" class="top-title">打榜类别</span>
                <div class="ipt act" style="">
                    请选择打榜类别
                    <span></span>
                </div>
                <input type="text" name="dbVal" hidden="" id="dbSel" placeholder="请选择打榜类别">
                <div id="box2" class="box" style="display: none;">
                    <div class="item">个人榜</div>
                    <div class="item">企业榜</div>
                    <div class="item">粉丝榜</div>
                    <div class="item">学校榜</div>
                    <div class="item">家庭榜</div>
                </div>
                <div class="ipt-div">
                    <input type="text" class="ipt">
                </div>
            </div>


            <div id="invoice" class="ipt-box mb-com" style="display:none;">
                <span style="color: rgba(40,67,58,0.8);" class="top-title">单位名称</span>
                <input type="text" class="ipt" name="unit" placeholder="请填写所在单位的名称" style="border-color: rgb(202, 219, 224);">
            </div>
            <div class="ipt-box mb-com">
                <span style="color: rgba(40,67,58,0.8);" class="top-title">手机号码</span>
                <input type="tel" class="ipt" name="phone" placeholder="请填写您常用的手机号码" style="border-color: rgb(202, 219, 224);">
            </div>
            <div class="fp">
                <div class="fp-top">
                    是否开取发票
                    <span></span>
                </div>
                <div class="fp-box">
                    <div class="ipt-box mb-com">
                        <span style="color: rgba(40,67,58,0.8);" class="top-title"><i class="act">*</i>您的邮箱 </span>
                        <input type="email" class="ipt" placeholder="请填写邮箱">
                    </div>
                    <div class="ipt-box mb-com">
                        <span style="color: rgba(40,67,58,0.8);" class="top-title"><i class="act">*</i>发票类型</span>
                        <div class="ipt act" style="">
                            请选择发票类型
                            <span></span>
                        </div>
                        <input type="text" name="fpType" hidden="" id="fpType" placeholder="请选择发票类型">
                        <div id="box3" class="box" style="display: none;">
                            <div class="item">个人/非企业单位</div>
                            <div class="item">企业</div>
                        </div>
                    </div>
                    <div class="ipt-box mb-com">
                        <span style="color: rgba(40,67,58,0.8);" class="top-title"><i class="act">*</i>发票抬头 </span>
                        <input type="text" class="ipt" placeholder="请填写发票抬头">
                    </div>
                </div>
            </div>
            <div class="jk-money">
                <span style="color: rgba(40,67,58,0.8);" class="top-title">捐款金额</span>
                <div class="jk-money-label">
                    <div class="label">
                        <i>10</i>元
                    </div>
                    <div class="label">
                        <i>20</i>元
                    </div>
                    <div class="label">
                        <i>60</i>元
                    </div>
                    <div class="label">
                        <i>100</i>元
                    </div>
                </div>
                <div class="other ipt-box act">
                    其他金额
                    <input type="number" name="jine" placeholder="请输入捐款金额">
                    元
                </div>
            </div>
        </form>
    </div>
</div>
<button type="submit" class="btn-submit">支持全民义务植树</button>
<script src="js/rem.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="js/form.js"></script>

<script>
  $("#city").click(function (e) {
    SelCity(this,e);
    $(window).scroll(function () {
      Iput.colse();
    })
  });
</script>
</body>
</html>